<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
    	<jsp:include page="../base_head.jsp"></jsp:include>
    </head>
    
    <body> 
        <div class="x-nav"> 
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5"
                          		  action="/big-birds/type/list.do" method="post">
                              
                                <div class="layui-inline layui-show-xs-block">
                                    <input type="text" name="typename"  placeholder="请输入用户名" autocomplete="off" class="layui-input"
                                    	value="${param.typename }">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button type="submit" class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-header">
                           
                            <button class="layui-btn" onclick="xadmin.open('添加用户','./type_addpage.do',600,400)"><i class="layui-icon"></i>添加</button>
                        </div>
                        <div class="layui-card-body layui-table-body layui-table-main">
                            <table class="layui-table layui-form">
                                <thead>
                                  <tr>
                                    <!-- <th>
                                      <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">  
                                    </th> -->
                                    <th>ID</th>
                                    <th>收支类型</th>
                                   
                                    <th>分类名称</th>
                                    <th>图标链接</th>
                                    <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
								<c:forEach var="typeInfo" items="${requestScope.typeList }">
									<tr>
									  <!--	<td><input type="checkbox" name="id" value="${typeInfo.type_id }"
											lay-skin="primary"></td> -->
										<td>${typeInfo.type_id }</td>
										<td>
											<c:if test="${typeInfo.type_type==1 }">
												<span>支出</span>
											</c:if>
											<c:if test="${typeInfo.type_type==0 }">
												<span>收入</span>
											</c:if>
										</td>
										
										<td>${typeInfo.type_name }</td>
										<td>${typeInfo.icon_url }</td>
	
										<td class="td-manage">
											<a title="编辑"
												onclick="xadmin.open('编辑','type_updatepage.do?id=${typeInfo.type_id }',600,400)"
												href="javascript:;"> 
												<i class="layui-icon">&#xe642;</i>
											</a> 
											<a title="删除" href="javascript:deleteClick(${typeInfo.type_id })"> 
												<i class="layui-icon">&#xe640;</i>
											</a>
										</td>
									</tr>
								</c:forEach>
							</tbody>
                            </table>
                        </div>
                        <div class="layui-card-body ">
                            <div class="page">
                            		<c:set var="url">
                            			list.do?typename=${param.typename }
                            		</c:set>
                                <div>
								<c:if test="${requestScope.newpage<=1}">
									<a class="prev" href="javascript:">&lt;&lt;</a>
								</c:if>
								<c:if test="${requestScope.newpage > 1}">
									<a class="prev" href="${url}&page=${requestScope.newpage-1}">&lt;&lt;</a>
								</c:if>

								<!-- 中间显示的页码组 -->
								<c:forEach varStatus="i" begin="${requestScope.startPage }"
									end="${requestScope.endPage }">
									<c:if test="${i.index<=requestScope.totalpage }">
										<span
											class="${i.index==requestScope.newpage ? 'current' : '' }"
											onclick="location.href='${url}&page=${i.index }'">
											${i.index } </span>
									</c:if>
								</c:forEach>
								<c:if test="${requestScope.newpage==requestScope.totalpage}">
									<a class="next" href="javascript:">&gt;&gt;</a>
								</c:if>
								<c:if test="${requestScope.newpage<requestScope.totalpage}">
									<a class="next" href="${url}&page=${requestScope.newpage+1}">&gt;&gt;</a>
								</c:if>
							</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
    <script>
      layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var  form = layui.form;


        // 监听全选
        form.on('checkbox(checkall)', function(data){

          if(data.elem.checked){
            $('tbody input').prop('checked',true);
          }else{
            $('tbody input').prop('checked',false);
          }
          form.render('checkbox');
        }); 
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });


      });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
  	function deleteClick(type_id){
  		var rs = confirm("确认删除吗？");
  		if(rs){//用户选择了“确定”
  			location.href="/big-birds/type/type_delete.do?typeid="+type_id;
  		}
  	  }

  	function delAll(argument) {
  		var ids = [];

  		// 获取选中的id 
  		$('tbody input').each(function(index, el) {
  			if ($(this).prop('checked')) {
  				ids.push($(this).val())
  			}
  		});

  		layer.confirm('确认要删除吗？' + ids.toString(), function(index) {
  			//捉到所有被选中的，发异步进行删除
  			layer.msg('删除成功', {
  				icon : 1
  			});
  			$(".layui-form-checked").not('.header').parents('tr').remove();
  		});
  	}
    </script>
</html>